<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>优酷</title>
    <script src="lib/jQuery/jquery-3.4.1.min.js"></script>
    <script src="lib/swiper/swiper.min.js"> </script>
    <link rel="stylesheet" href="lib/reset/reset.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1675911_w1jnv48uhis.css">
    <link rel="stylesheet" href="lib/swiper/swiper.css">  
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
</head>
<body>
    <div class="wrap">
        <div class="top">
            <div class="yk_header">
                <a href="javascript:;" class="logo">
                    <img src="images/logo/TB1XqTXka61gK0jSZFlXXXDKFXa-180-36.png" alt="">
                </a>
                <div class="ipt">
                    <input type="text" placeholder="爱情公寓5">
                    <span class="iconfont icon-fangdajing"></span>
                </div>
                <div class="me">
                    <a href="javascript:;">
                        <span class="iconfont icon-geren"></span>
                    </a>
                </div>
            </div>
            <div class="search">
                <h3 class="clearFloat"><span></span>大家都在搜</h3>
                <ul>
                    <li>
                        <b>1</b>
                        乡村爱情12
                    </li>
                    <li>
                        <b>2</b>
                        
                        法证先锋Ⅳ
                    </li>
                    <li>
                        <b>3</b>
                        火影忍者
                    </li>
                    <li>
                        <b>4</b>
                        刘老根 第三部
                    </li>
                    <li>
                        <b>5</b>
                        无心法师 3
                    </li>
                </ul>
                <div class="out">
                    <span>关闭</span>
                </div>
            </div>
            <div class="nav">
                <ul class="clearFloat">
                    <li class="active">首页</li>
                    <li>剧集</li>
                    <li>电影</li>
                    <li>会员</li>
                    <li>综艺</li>
                    <li>音乐</li>
                    <li>动漫</li>
                    <li>资讯</li>
                    <li>纪实</li>
                    <li>体育</li>
                    <li>教育</li>
                    <li>娱乐</li>
                    <li>游戏</li>
                    <li>科技</li>
                    <li>搞笑</li>
                    <li>生活</li>
                    <li>旅游</li>
                    <li>汽车</li>
                    <li>时尚</li>
                    <li>直播</li>
                </ul>
                <div class="shade">
                    <span class="iconfont icon-xialajiantou"></span>
                </div>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
            <ul class="recommend">
                <!-- <li>
                    <a href="javascript:;">
                        <img src="images/recommend/3ef559bb4e154ee7ba027e62ffb4458b.webp" alt="">
                        <span>VIP</span>
                        <b>03-06期</b>
                        <div>
                            <p class="p1">王牌对王牌·甜炸了！</p>
                            <p class="p2">郑爽甜蜜投入俞灏明怀抱</p>
                        </div>
                    </a>
                </li> -->
            </ul>
        </div>
        <div class="content">
            <!-- 剧集 -->
            <div class="episode jj">
                <div class="top">剧集</div>
                <div class="main">  
                </div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                </div>
                <div class="footer">
                    <a href="javascript:;"><span>进入剧集频道<i class="iconfont icon-ic_arrow_r"></i></span></a>
                    <a href="javascript:;"><span>换一批<i class="iconfont icon-shuaxin"></i></span></a>
                </div>
            </div>
            <!-- 为你推荐 -->
            <div class="episode recommendedForYou">
                <div class="top">为你推荐</div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                    
                </div>
            </div>
            <!-- 综艺 -->
            <div class="episode zy">
                <div class="top">综艺</div>
                <div class="main">  
                </div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                </div>
                <div class="footer">
                    <a href="javascript:;"><span>进入剧集频道<i class="iconfont icon-ic_arrow_r"></i></span></a>
                    <a href="javascript:;"><span>换一批<i class="iconfont icon-shuaxin"></i></span></a>
                </div>
            </div>
            <!-- 动漫 -->
            <div class="episode dm">
                <div class="top">动漫</div>
                <div class="main">  
                </div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                </div>
                <div class="footer">
                    <a href="javascript:;"><span>进入剧集频道<i class="iconfont icon-ic_arrow_r"></i></span></a>
                    <a href="javascript:;"><span>换一批<i class="iconfont icon-shuaxin"></i></span></a>
                </div>
            </div>
            <!-- 少儿 -->
            <div class="episode s_e">
                <div class="top">少儿</div>
                <div class="main">
                </div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                </div>
                <div class="footer">
                    <a href="javascript:;"><span>进入剧集频道<i class="iconfont icon-ic_arrow_r"></i></span></a>
                    <a href="javascript:;"><span>换一批<i class="iconfont icon-shuaxin"></i></span></a>
                </div>
            </div>
            <!-- 热点·娱乐 -->
            <div class="episode rd_yl">
                <div class="top">热点·娱乐</div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                    
                </div>
            </div>
            <!-- 体育 -->
            <div class="episode ty">
                <div class="top">体育</div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                    
                </div>
                <div class="footer">
                    <a href="javascript:;"><span>进入剧集频道<i class="iconfont icon-ic_arrow_r"></i></span></a>
                    <a href="javascript:;"><span>换一批<i class="iconfont icon-shuaxin"></i></span></a>
                </div>
            </div>
            <!-- 纪录片·文化 -->
            <div class="episode documentaryCulture">
                <div class="top">纪录片·文化</div>
                <div class="message">
                    <!-- <a href="javascript:;">
                        <div>
                            <img src="images/episode/6aae6edb5ae24cff9e14ac3d09ea4ec0.gif" alt="">
                            <span class="vip">VIP</span>
                            <b>更新至15集</b>
                        </div>
                        <p class="p1">法证先锋🔥</p>
                        <p class="p2">水泥藏尸身份成谜</p>
                    </a> -->
                    
                </div>
            </div>
        </div>
        <div class="flooter">
            <div class="p1">Copyright©2019 优酷 youku.com 版权所有</div>
            <div class="p2">
                <a href="">反盗版盗链声明</a>
                <a href="">京ICP证060288号</a>
            </div>
        </div>
    </div>
    <div class="goToTop">
        <span class="iconfont icon-icon"></span>
    </div>
</body>
</html>